//定义一个变量，为颜色：粉色
@color:green;
@font14:14px;
@style:none;
@bgc:greenyellow;
//在需要的标签内调用这个变量
body{
   background-color: @color;
   font-size: @font14;
}
// lass的嵌套可以在父元素的
.box{
   background-color: @color;
   &::before{
      content: "这是一个双伪元素";
      display: block;
      // 在less添加伪类及交际选择器时需要在前面添加一个&不添加会编译一个新的子元素。
      // 在less中可以进行 + - * / 的运算在运算符中需要左右用空格隔开。运算的结果只有一个单位。如果2个数都带有单位结果为第一个（前面的）值的单位为准
      // 在运算的过程中可以决定运算顺序，在需要先运算的项用一对括号进行包裹
      width: (50px + 50) * 2;
      height: 50px * 2 ;
      background-color: red;
   }
   a{
      flex-direction:  @style;
      font-size: @font14;
      &:hover{
         color: @color;
      }
   }
}